@layout("/common/container.html", {"title" : "字典"}){
<div class="card">
    <#card:head title="字典" icon="la la-book"/>
    <div class="card-body">
        <form class="e-form">
            <div class="query-modular">
                <div class="e-grid e-grid--ver e-grid--general">
                    <div class="e-grid-item e-grid-item--fluid">
                        <div class="row">
                            <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                                <div class="form-group row">
                                    <label class="col-4 col-form-label">字典类型：</label>
                                    <div class="col-8">
                                        <select class="form-control e-bootstrap-select select-picker auto-params"
                                                data-live-search="true" id="dictType" name="dictType"
                                                onchange="ETool.selectData(this)">
                                            <option value=""></option>
                                            @for(dictType in dictTypes){
                                                <option value="${dictType.value}">${dictType.text}</option>
                                            @}
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                                <#form:input id="code" name="字典编码"/>
                            </div>
                            <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                                <#form:input id="name" name="字典名称"/>
                            </div>
                            <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                                <div class="form-group row">
                                    <label class="col-4 col-form-label">状态：</label>
                                    <div class="col-8">
                                        <select class="form-control e-bootstrap-select select-picker"
                                                id="status" name="status" data-dict-type="commonStatus" onchange="ETool.selectData(this)">
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="e-grid-item query-btn-group">
                        <#btn:search />
                        <#btn:reset />
                    </div>
                </div>
            </div>
            <div class="btn-row">
                <#btn:add permission="sys:dict:delete"/>
                <#btn:delete permission="sys:dict:delete"/>
                <#btn btnType="info" name="字典类型维护" icon="la la-bars" click="EApp.openPage('字典类型维护', '${ctxPath}/auth/sys/dict/type/list')" permission="sys:dict:type:select"/>
                <#btn btnType="info" name="生成静态文件" icon="la la-code" click="mDictList.generateDictData()" role="sys:admin"/>
                <#tableTool />
            </div>
            <div class="e-datatable" id="dict-list"></div>
        </form>
    </div>
</div>
<!--begin::页面脚本 -->
<#script src="static/modular/sys/dict/list.js" />
<!--end::页面脚本 -->
@}